<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>广东穗智律师事务所</title>
    <meta name="description" content="律所概况">
    <meta name="keywords" content="穗智 律所概况">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="icon" type="image/png" href="images/logo.ico">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="stylesheet" href="http://cdn.amazeui.org/amazeui/2.7.2/css/amazeui.min.css"/>
    <link rel="stylesheet" href="assets/css/admin.css">
    <link rel="stylesheet" href="assets/css/suit.css">
</head>
<style>
    body {
        font-size: 13px;
    }

    .nav {
        font-size: 20px;
    }

    .am-topbar-nav > li > a {
        color: #000;
        line-height: 1.6;
        padding: 5px 10px;
    }

    .border-line > li {
        border-left: 1px solid #000;

    }

    .am-nav-pills > li + li {
        margin: 0;
    }

    .border-line {
        border-right: 1px solid #000;
    }

    header div img:hover {
        background-color: #EFEDEF;
    }

    .nav-justify > li {
        float: none;
        -webkit-box-flex: 1;
        -webkit-flex: 1;
        -ms-flex: 1;
        flex: 1;
    }

    .nav-justify > li > a {
        text-align: center;
        margin-bottom: 0;
    }

    .nav-justify {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }

    .border-line_tb {
        border-right: 0;
        border-left: 0;
    }

    .border-line_tb > li {
        border-right: 0;
        border-left: 0;
        font-size: 16px;
        width: 60%;
    }

    .border-line_tb > li > a {
        font-size: 16px;
        color: #000;
        padding-left: 10px;
        padding-right: 10px;
    }

    .am-nav > li + li {
        margin-top: 0;
    }
</style>
<body>
<header class="am-topbar am-text-center am-show-sm-only" style="margin-bottom:0">

    <div class="am-u-lg-5 am-u-md-4 am-u-sm-8 am-text-center am-u-md-push-1">
        <a href="index.html"><img src="images/logo-sz.png" style="max-height: 60px;"></a>
    </div>
    <button class="am-topbar-btn am-topbar-toggle am-btn am-btn-sm am-btn-success am-show-sm-only"
            data-am-collapse="{target: '#doc-collapse'}"><span class="am-sr-only">导航切换</span> <span
            class="am-icon-bars"></span>
    </button>

    <div class="am-show-sm-only">
        <div class="am-collapse am-topbar-collapse" id="doc-collapse" style="padding:0 10%">
            <ul class="am-nav am-nav-pills am-topbar-nav nav">
                <li class="am-active"><a href="profile.html">律所概况</a></li>
                <li><a href="case.html">成功案例</a></li>
                <li><a href="team.html">穗智团队</a></li>
                <li><a href="message.html">在线咨询</a></li>
                <li><a href="contact.html">联系我们</a></li>
            </ul>
        </div>
    </div>

    <div style="font-size: 10px;padding: 10px 9%;"
         class="am-text-left am-u-lg-5 am-u-md-4 am-u-sm-4 am-u-md-push-1 am-hide-sm-only">
        <div>
            地址：广州市海珠区广州大道南448号财智大厦901室
        </div>
        <div>
            电话：<a href="tel:020-28022100">020-28022100</a>
        </div>
    </div>
</header>

<!--<div class="am-padding-0 am-margin-top-sm">-->
<div class="am-padding-0">
    <img src="images/other.jpg" class="am-u-sm-12 am-u-md-12 am-padding-0">
</div>
<div class="am-u-md-12">
    <br>
</div>
<div class="am-collapse am-topbar-collapse" id="doc-topbar-collapse" style="padding:0 10%">
    <ul class="am-nav am-nav-pills am-topbar-nav nav am-u-md-8 am-u-md-push-2 am-u-md-pull-2 nav-justify border-line">
        <li><a href="index.html">首页<br>
            <div style="font-size: 8px;margin: 0;padding: 0">Home</div>
        </a></li>
        <li><a href="profile.html">律所概况<br>
            <div style="font-size: 8px;margin: 0;padding: 0">About Us</div>
        </a></li>
        <li><a href="case.html">成功案例<br>
            <div style="font-size: 8px;margin: 0;padding: 0">Successful Case</div>
        </a></li>
        <li><a href="team.html">穗智团队<br>
            <div style="font-size: 8px;margin: 0;padding: 0">Team Introduce</div>
        </a></li>
        <li><a href="message.html">在线咨询<br>
            <div style="font-size: 8px;margin: 0;padding: 0">Consultation</div>
        </a></li>
        <li><a href="contact.html">联系我们<br>
            <div style="font-size: 8px;margin: 0;padding: 0">Contact Us</div>
        </a></li>
    </ul>
</div>
<br><br>
<div class="am-tabs am-u-md-10 am-u-md-push-1" data-am-tabs>
    <ul class="am-tabs-nav am-nav am-u-md-3 am-u-md-push-1 am-u-lg-2 am-u-lg-push-2 am-text-center border-line_tb">
        <div class="am-padding-top-0" style="text-align: left">
            <strong class="am-text-default am-text-xl ">律所概况</strong>
        </div>
        <br>
        <li class="am-active"><a href="#tab2">律所概况</a></li>
        <li><a href="#tab1">宗旨·沿革</a></li>
    </ul>

    <!--以下注释不能删！！！！-->
    <div class="am-tabs-bd  am-u-md-7 am-u-md-pull-1 am-u-lg-6 am-u-lg-pull-2" style="border: 0" id="content">
        <!-- <div class="am-tab-panel am-fade" id="tab1">
             <strong class="am-text-default am-text-lg ">宗旨·沿革</strong>
             <hr>
             <div style="padding:0 5%">
             <strong class="am-text-default am-text-middle ">宗旨</strong>
             <br>${purpose}
             <br>
             <br>
             <strong class="am-text-default am-text-middle ">沿革</strong>
             <br>${history}
             </div>
         </div>
         <div class="am-tab-panel am-fade  am-in am-active" id="tab2">
             <strong class="am-text-default am-text-lg ">律所概况</strong>
             <hr>
             <div>
                 <table class=" am-table am-table-striped am-table-hover">
                     <thead>

                     </thead>
                     <tbody>
                     <tr>
                         <td>名称</td>
                         <td>${name}</td>
                     </tr>
                     <tr>
                         <td>执业证号</td>
                         <td>${certificate}</td>
                     </tr>
                     <tr>
                         <td>设立时间</td>
                         <td>${createtime}</td>
                     </tr>
                     <tr>
                         <td>办公地址</td>
                         <td>${adress}</td>
                     </tr>
                     <tr>
                         <td>其他办事处地址</td>
                         <td>${otherAdress}</td>
                     </tr>
                     <tr>
                         <td>工作时间</td>
                         <td>${workTime}</td>
                     </tr>
                     <tr>
                         <td>联系电话</td>
                         <td>${phone}</td>
                     </tr>
                     <tr>
                         <td>专职律师</td>
                         <td>${layer}</td>
                     </tr>

                     </tbody>
                 </table>
             </div>
         </div>-->
    </div>
</div>

<footer data-am-widget="footer"
        class="am-footer am-footer-default am-u-sm-12"
        data-am-footer="{  }" style="position:relative;bottom: 0">
    <hr>
    <div style="font-size: 10px;">
        <div>
            地址：广州市海珠区广州大道南448号财智大厦901室
        </div>
        <div>
            电话：<a href="tel:020-28022100">020-28022100</a>
        </div>
    </div>
    <div class="am-footer-miscs ">
        <p>CopyRight©2016 suizhilaw</p>
        <p>粤ICP备16096850号</p>
    </div>
</footer>

<!--[if lt IE 9]>
<script src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="assets/js/amazeui.ie8polyfill.min.js"></script>

<![endif]-->

<!--[if (gte IE 9)|!(IE)]><!-->
<script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
<!--<![endif]-->
<script src="http://cdn.amazeui.org/amazeui/2.7.2/js/amazeui.min.js"></script>
<script src="assets/js/app.js"></script>
<script>
    var content = $("#content").html().trim().substring(4).replace("-->", "");

    //ajax封装
    function ajax(url, data, success, error, type_) {
        if (type_ == "") type_ = 'post';
        $.ajax({
            type: type_,
            data: data,
            url: url,
            dataType: 'json',
            contentType: "application/json",
            success: function (d) {
                success(d);
            },
            error: function (e) {
                error(e);
            }
        });
    }

    /*ajax成功填充页面*/
    function appenMessage(data) {
        var summarize = data.summarize;
        $("#content").html("");

        $("#content").append(appenContent(content, summarize));

    }

    function appenContent(content, data) {
        for (var key in data) {
            if (key == "createtime") {
                data[key] = new Date(data[key]);
                data[key] = data[key].getFullYear() + "-" + (data[key].getMonth() + 1) + "-" + data[key].getDate();
            }
            content = content.replace("${" + key + "}", (data[key] == null) ? "" : data[key]);
        }
        return content;
    }

    function error(e) {
        console.error(e);
        alert("网页遇到了点错误，不如刷新试试☺");
        $("#tip").html('<i class="am-icon-close">获取数据失败，请刷新重试！');
    }


    ajax("view/viewSummarize.action", "", appenMessage, error, "get");

</script>
</body>
</html>
